<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>珠宝配饰</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/jewerl.css">
    <link rel="stylesheet" href="css/common-mobile.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/jewerl-mobile.css">
</head>



<body>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./js/common-mobile.js"></script>

    <div class="header">
        <div class="h">
            <div class="logo">
                <span class="ver"><img src="http://www.bufantec.com/site/hunsha/static/img/logo-1.png" alt=""></span>
                <span class="history"><img src="http://www.bufantec.com/site/hunsha/static/img/logo-2.png"
                        alt=""></span>
            </div>
            <div class="menu-line">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>

            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="cloth.html">婚纱礼服</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="jewerl.html">珠宝配饰</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="active.html">最新活动</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="about us.html">关于我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>




    <div class="cloth-1-1">
        <div class="h">
            
                <img class="pic1" src="jew-img/clo-item1.png" alt="">

                <div class="inner">
                    <div class="title">
                    <p class="inner-cname">HardWear系列 </p>
                    <p class="inner-ename">对戒，耳饰</p>
                    </div>
                    <div class="con">
                        <p class="price">$23199.00</p>
                        <p class="ill">18K白金镶圆形明亮式切割钻石；钻石总重5.99克拉；直径
                            12毫米；舒适设计，易于佩戴。</p>
                        <a href="designers.html">立即预约</a> 
                    </div>
            </div>
        </div>
    </div>
    <div class="cloth-1-2">
        <div class="h">
            <img class="pic2" src="jew-img/clo-item2.png" alt="">
            <p class="main">
                Veronica HardWear系列优雅与颠覆精神并存，敏感捕捉到漫步纽约的时尚女性的精髓与能量。璀璨的钻石，更加
                凸显这枚戒指的女性魅力。
            </p>
            <p class="size">
                钻戒：  $1999.00 <br>
                耳饰：  $3899.00
            </p>
            
        </div>
    </div>




    
    <div class="cloth-2">
        <div class="h">
            <div class="nav">
                <span class="new">戒指</span>
                <span class="new">项链</span>
                <span class="new">其他</span>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-1.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-2.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-3.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-4.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-5.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-1.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-2.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-3.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-4.jpg" alt=""> 
                    </div> <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Jewelry%20Show/img/Jewelry-banner-5.jpg" alt=""> 
                    </div>
                    
                    
                </div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                
            </div>
            <p>MORE</p>
        </div>
    </div>





    <div class="about">
        <div class="h">
            <div class="about1">
                <p class="p1">网站备案号：豫ICP备110121210号</p>
                <p class="p2">增值电信业务经营许可证号：豫B2-20100033</p>
            </div>
            <div class="about2">
                <ul class="us">
                    <li class="us-item">
                       &copy; 2018 VERONICA
                    </li>
                    <li class="us-item">
                        联系我们
                    </li>
                    <li class="us-item">
                        加入我们
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="./js/jewerl-mobile.js"></script>
</body>
</html>